<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/about.css">
    <title>首页</title>
</head>

<body>
    <div class="container-fluid">
        <!-- 头部导航条 -->
        <div class="row header">
            <div class="col-md-3">
                <!-- logo -->
                <img src="images/logo.png" alt="" class="logo">
            </div>
            <div class="col-md-9">
                <!-- 导航 -->
                <!-- 首页 经典案例 发现更多 售后服务 关于我们 联系我们 企业介绍 -->
                <nav class="navbar navbar-default">
                    <div class="container-fluid">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <!-- logo -->
                            <img src="images/logo.png" class="logo2" alt="">
                        </div>
                        <div id="navbar" class="navbar-collapse collapse">
                            <ul class="nav navbar-nav">
                                <li><a href="index.html">首页</a></li>
                                <li><a href="classic_case.html">经典案例</a></li>
                                <li><a href="find.html">发现更多</a></li>
                                <li><a href="after_sale.html">售后服务</a></li>
                                <li class="active"><a href="about.html">关于我们</a></li>
                                <li><a href="contact.html">联系我们</a></li>
                                <li><a href="introduce.html">企业介绍</a></li>
                            </ul>
                        </div>
                        <!--/.nav-collapse -->
                    </div>
                    <!--/.container-fluid -->
                </nav>
                <ul class="pull-right nav navbar2">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="classic_case.html">经典案例</a></li>
                    <li><a href="find.html">发现更多</a></li>
                    <li><a href="after_sale.html">售后服务</a></li>
                    <li class="active"><a href="about.html">关于我们</a></li>
                    <li><a href="contact.html">联系我们</a></li>
                    <li><a href="introduce.html">企业介绍</a></li>
                </ul>
                <div class="clearfix"></div>
            </div>
        </div>

        <!-- 红色div块 -->
        <div class="reddiv">
            <div class="about_title">
                <h3>关于我们</h3>
                <p>
                    包图网是上海包图网络科技有限公司旗下素材在线交易网站， 于2016年7月上线运营。主要服务是提供图片、视频、音频、 psd源文件等形式的素材。包图网内容版块已有广告设计、
                    摄影图、字体、UI设计、电商淘宝、多媒体、办公文档、 装饰·模型、插画配图九大类别。
                </p>
            </div>
            <ul class="row about_list1">
                <li class="col-xs-4 col-sm-4 col-md-4 ">
                    <div class="about_lisitlogo">
                        <img src="images/about_list1logo.jpg" alt="">
                    </div>
                    <p>包图原创</p>
                    <p>在这里介绍包图原创网站内容说明及下载权限信息</p>
                </li>
                <li class="col-xs-4 col-sm-4 col-md-4 ">
                    <div class="about_lisitlogo">
                        <img src="images/about_list1logo.jpg" alt="">
                    </div>
                    <p>包图原创</p>
                    <p>在这里介绍包图原创网站内容说明及下载权限信息</p>
                </li>
                <li class="col-xs-4 col-sm-4 col-md-4 ">
                    <div class="about_lisitlogo">
                        <img src="images/about_list1logo.jpg" alt="">
                    </div>
                    <p>包图原创</p>
                    <p>在这里介绍包图原创网站内容说明及下载权限信息</p>
                </li>
            </ul>

        </div>

        <!-- 分类列表 -->

        <div class="cate_list">
            <ul class="row cate_list_content">

                <li class="col-sm-3 col-md-3 pull-left">
                    <div class="cate_list_content_img">
                        <img src="images/about_list2_logo1.jpg" alt="">
                    </div>
                    <h3>家居家电系列图标</h3>
                    <p>
                        6月份热门图标出来了， 家具家电、互联网家装、 智能家居等等，快来报 名参与设计吧，丰厚的 奖励还有荣誉证书等你 ~
                    </p>
                </li>

                <li class="col-sm-3 col-md-3 pull-left">
                    <div class="cate_list_content_img">
                        <img src="images/about_list2_logo2.jpg" alt="">
                    </div>
                    <h3>会议舞台设计</h3>
                    <p>
                        6月份热门图标出来了， 家具家电、互联网家装 、智能家居等等，快来 报名参与设计吧，丰厚 的奖励还有荣誉证书等 你~
                    </p>
                </li>

                <li class="col-sm-3 col-md-3 pull-left">
                    <div class="cate_list_content_img">
                        <img src="images/about_list2_logo3.jpg" alt="">
                    </div>
                    <h3>航空航天素材</h3>
                    <p>
                        6月份热门图标出来了， 家具家电、互联网家装 、智能家居等等，快来 报名参与设计吧，丰厚 的奖励还有荣誉证书等 你~
                    </p>
                </li>
            </ul>
            <div class="clearfix"></div>
        </div>

        <!-- 加入包图企业版 -->
        <div class="joinbaotu">
            <h3>加入包图企业版</h3>
            <p>
                <span class="icon">&#xe643;</span> 正版素材海量下载，商业使用零风险，现在购买赠送专属VIP服务
                <span class="icon">&#xe643;</span></p>
            <ul class="row joinbaotu_list1">
                <li class="col-xs-3 col-sm-3 col-md-3">
                    <img src="images/joinbaotu_logo01.jpg" alt="" class="pull-left img-responsive">
                    <h3>作品24小时更新</h3>
                    <p>包图网作品库24小时不间断更新</p>
                </li>
                <li class="col-xs-3 col-sm-3 col-md-3">
                    <img src="images/joinbaotu_logo02.jpg" alt="" class="pull-left img-responsive">
                    <h3>万千资深设计师</h3>
                    <p>海量设计师入驻</p>
                </li>
                <li class="col-xs-3 col-sm-3 col-md-3">
                    <img src="images/joinbaotu_logo03.jpg" alt="" class="pull-left img-responsive">
                    <h3>线上+线下</h3>
                    <p>线上作品同步，线下活动讲座</p>
                </li>
                <li class="col-xs-3 col-sm-3 col-md-3">
                    <img src="images/joinbaotu_logo04.jpg" alt="" class="pull-left img-responsive">
                    <h3>明星设计企业</h3>
                    <p>领先设计行业</p>
                </li>
                <li class="col-xs-3 col-sm-3 col-md-3">
                    <img src="images/joinbaotu_logo05.jpg" alt="" class="pull-left img-responsive">
                    <h3>作品公平收费</h3>
                    <p>全站会员制，杜绝作品乱定价</p>
                </li>
                <li class="col-xs-3 col-sm-3 col-md-3">
                    <img src="images/joinbaotu_logo06.jpg" alt="" class="pull-left img-responsive">
                    <h3>专业设计团队</h3>
                    <p>5年+自身设计师</p>
                </li>
                <li class="col-xs-3 col-sm-3 col-md-3">
                    <img src="images/joinbaotu_logo07.jpg" alt="" class="pull-left img-responsive">
                    <h3>版权规范化</h3>
                    <p>作品实用任何商用</p>
                </li>
                <li class="col-xs-3 col-sm-3 col-md-3">
                    <img src="images/joinbaotu_logo08.jpg" alt="" class="pull-left img-responsive">
                    <h3>深入客户场景</h3>
                    <p>全州贴心服务</p>
                </li>
            </ul>
            <ul class="row usercate">
                <li class="col-xs-12 col-sm-3 col-md-3">
                    <img src="images/joinbaotu_user01.jpg" alt="">
                    <h3>科技创新</h3>
                    <p>
                        控制收车风险，树立诚信品牌控制车 险，树立诚信品牌控制收车风险树 立诚信品牌控制收车风险，树立诚品 牌控制收车风险，树立诚信品牌控收 车风险，树立诚信品牌控制收车险， 树立诚信品牌
                    </p>
                </li>
                <li class="col-xs-12 col-sm-3 col-md-3">
                    <img src="images/joinbaotu_user02.jpg" alt="">
                    <h3>个人消费者</h3>
                    <p>
                        控制收车风险，树立诚信品牌控制车 险，树立诚信品牌控制收车风险树 立诚信品牌控制收车风险，树立诚品 牌控制收车风险，树立诚信品牌控收 车风险，树立诚信品牌控制收车险， 树立诚信品牌
                    </p>
                </li>
                <li class="col-xs-12 col-sm-3 col-md-3">
                    <img src="images/joinbaotu_user03.jpg" alt="">
                    <h3>国内经销商</h3>
                    <p>
                        控制收车风险，树立诚信品牌控制车 险，树立诚信品牌控制收车风险树 立诚信品牌控制收车风险，树立诚品 牌控制收车风险，树立诚信品牌控收 车风险，树立诚信品牌控制收车险， 树立诚信品牌
                    </p>
                </li>
            </ul>

            <div class="row"></div>
            <div class="row"></div>
        </div>

        <!-- 优点长处 -->
        <div class="strength">
            <ul class="row  strength_list">
                <li class="col-xs-4 col-sm-4 col-md-4">
                    <img src="images/strength_logo1.jpg" alt="">
                    <h3>正版授权</h3>
                    <p>
                        全球范围永久使用，正版担 保，商业使用零风险
                    </p>
                </li>
                <li class="col-xs-4 col-sm-4 col-md-4">
                    <img src="images/strength_logo2.jpg" alt="">
                    <h3>正版授权</h3>
                    <p>
                        全球范围永久使用，正版担 保，商业使用零风险
                    </p>
                </li>
                <li class="col-xs-4 col-sm-4 col-md-4">
                    <img src="images/strength_logo3.jpg" alt="">
                    <h3>正版授权</h3>
                    <p>
                        全球范围永久使用，正版担 保，商业使用零风险
                    </p>
                </li>
            </ul>
            <div class="logodiv">
                <p>logo</p>
                <p>logo</p>
                <p>logo</p>
                <p>logo</p>
                <p>logo</p>
                <p>logo</p>
            </div>
        </div>


        <!-- 底部法律备案信息 -->
        <div class="footer">
            <div class="footer_content">
                <div class="col-md-9 beian">
                    <p>版权所有：上海市包图网科技有限公司 沪公网安备31011502400137号 Copyright©2016-2019 包图网ibaotu.com </p>
                    <p>地址：上海市浦东新区张江微电子港1号楼201室</p>
                    <p>投诉电话：0000-99999999 咨询电话：0000-99999999 投诉邮箱：tousu@baotu.com</p>
                    <p>为了防范电信网络诈骗，如接到962110来电，请立即接听</p>
                </div>
                <div class="col-md-3 qrcode pull-right">
                    <ul>
                        <li>
                            <div class="gongzhonghao">
                                <img src="" alt="">
                            </div>
                            <p>app下载</p>
                        </li>
                        <li>
                            <div class="gongzhonghao">
                                <img src="" alt="">
                            </div>
                            <p>公众号</p>
                        </li>
                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>


    <script src="js/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
</body>

</html>